<template>
	<view class="container1">
		<view class="leftView1">
			<view v-for="(item,index) in info.depArray">
				{{item}}
			</view>
		</view>
		<view class="rightView1">
			<view v-for="(item,index) in info.docArray">
				{{item.doctorName}}
			</view>
		</view>
	</view>
</template>
<style lang="scss" scoped>
	.container1 {
		width: 100%;
		height: 100%;
		display: flex;
		border-radius: 20rpx;
	}

	.leftView1 {
		width: 200rpx;
		height: 100%;
		background: #c9c9c9;
		
	}

	.rightView1 {
		flex: 1;
		height: 100%;
		background: #f5f5f5;
	}
</style>
<script>
	export default {
		name: "DoctorView",
		data() {
			return {
				// depArray: this.info.doctorDepArray,
				// docArray: this.info.doctorArray,
				depIndex: -1,
				docIndex: -1
			};
		},


		props: {
			info: {
				type: Object,
				default: () => {}
			}
		}
	}
</script>